{% load staticfiles %}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.min.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'css/font-awesome.min.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'css/unit.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'css/style-ac-manage.css' %}">
<script type="text/javascript" src="{% static '/js/unit.js' %}">
</script>

<title>企业考勤管理系统-个人账户</title>
</head>
<body onload="startTime()">
    <div class="head">
    	<h2>企业管理系统</h2>
    	<div class="head-right">
    		<span class="head-help"><a href="#">帮助</a></span>
    		<div id="head-time"></div>
    	</div>
    </div>
    <div id="navigation">
    	<nav role="navigation">
		  <ul>
		  	<a href="/"><li>首页</li></a>
          	<a href="/employee/list/"><li>职工管理</li></a>
          	<a href="/ment/ment/"><li>部门管理</li></a>
          	<a href="/classes/class/"><li>班次管理</li></a>
          	<a href="/chenk/chenk/"><li class="li-active">考勤记录</li></a>
          	<a href="/"><li>系统维护</li></a>
          	<a href="/"><li>请假管理</li></a>
		  	<button style="padding:0 10px; margin:10px 60px 0 0; float:right;">签到</button>
		  </ul>
		</nav>
    </div>
    <div class="left-list">
    	<a href="/chenk/chenk/"><div class="left-child">签到</div></a>
      <a href="/chenk/servey/"><div class="left-child">概况记录</div></a>
      <a href="/chenk/sign/"><div class="left-child">签到查询</div></a>
      <a href="/chenk/manage/"><div class="ll-active">管理</div></a>
    </div>
    <div class="right">
      <span class="title-bar">考勤记录<i class="fa fa-angle-right" style="letter-spacing:2px;"></i>管理</span><br/>
      <div class="title-bar-child">您有<span>3</span>个待处理项目，请及时处理</div>
      <div class="sign-add">
            <table class="table table-striped" style="margin-left:40px; width:92%">
               <thead>
                  <tr>
                     <th>工号</th>
                     <th>姓名</th>
                     <th>日期</th>
                     <th>申请</th>
                     <th>原因</th>
                  </tr>
               </thead>
               <tbody>
                  <tr>
                     <td>2013019</td>
                     <td>杨晓洁</td>
                     <td>10-8</td>
                     <td>补签</td>
                     <td></td>
                  </tr>
               </tbody>
               <tbody>
                  <tr>
                     <td>2013019</td>
                     <td>杨晓洁</td>
                     <td>10-8</td>
                     <td>补签</td>
                     <td></td>
                  </tr>
               </tbody>
               <tbody>
                  <tr>
                     <td>2013019</td>
                     <td>杨晓洁</td>
                     <td>10-8</td>
                     <td>补签</td>
                     <td></td>
                  </tr>
               </tbody>
               <tbody>
                  <tr>
                     <td>2013019</td>
                     <td>杨晓洁</td>
                     <td>10-8</td>
                     <td>补签</td>
                     <td></td>
                  </tr>
               </tbody>
               <tbody>
                  <tr>
                     <td>2013019</td>
                     <td>杨晓洁</td>
                     <td>10-8</td>
                     <td>补签</td>
                     <td></td>
                  </tr>
               </tbody>
            </table>
            <div class="pagination-self">
                <ul class="pagination">
                  <li><a href="#">&laquo;</a></li>
                  <li class="active"><a href="#">1</a></li>
                  <li class=""><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li><a href="#">5</a></li>
                  <li><a href="#">&raquo;</a></li>
                </ul>
            </div>           
      </div>
    </div>
</body>